> ## Documentation Index
> Fetch the complete documentation index at: https://sequence-0fb8d9e6-api_docs.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Webhooks in Sequence Builder

> The content discusses the use of webhooks in Sequence Builder for game builders to listen to events on multiple blockchains.

Sequence Builder equips game builders with an indexer that listens to events across the many blockchains that we offer by providing an https callback

<Warning>
  If you prefer a programmatic way to add webhooks that uses cURL, TypeScript or Go, check out [this walkthrough](/api-references/indexer/examples/webhook-listener).
</Warning>

#### What data can I listen to for my game?

* Mints from a contract
* TokenID transfers
* Transactions by an account address
* Event topics emitted by a contract
* Event topic hashes emitted by a contract

## Creating Webhooks

The following steps guide you through creating your webhook

1. Select Project and go to Webhooks Section
2. Select Network and Add New Webhook
3. Complete Webhook Details

<Steps>
  <Step title="Select Project and go to Webhooks Section">
    Select your project in the top left hand corner, select the `Indexer` section in the sidebar, and select the `Webhooks` tab.

    <Frame>
      <img src="https://mintcdn.com/sequence-0fb8d9e6-api_docs/udiMPciikspMa6qc/images/builder/builder_indexer_webhooks_select.png?fit=max&auto=format&n=udiMPciikspMa6qc&q=85&s=67b8beff7694ce3db189fe8e6b85a952" alt="indexer webhooks select" width="1697" height="789" data-path="images/builder/builder_indexer_webhooks_select.png" />
    </Frame>
  </Step>

  <Step title="Select Network and Add New Webhook">
    In the dropdown beneath the webhooks tab, select the network you're looking to create a webhook for based on the ones in your project. If you don't see the network you're looking for, you can always [add a network](/solutions/builder/project-settings#3-network-settings), then `+ Add New Webhook`

    <Frame>
      <img src="https://mintcdn.com/sequence-0fb8d9e6-api_docs/udiMPciikspMa6qc/images/builder/builder_indexer_webhooks_add_new_webhook.png?fit=max&auto=format&n=udiMPciikspMa6qc&q=85&s=4db56a86efe1953869ce139df79d2076" alt="indexer webhooks add new webhook" width="1657" height="773" data-path="images/builder/builder_indexer_webhooks_add_new_webhook.png" />
    </Frame>
  </Step>

  <Step title="Complete Webhook Details">
    Complete the required details like webhook `URL`, `Contract Address(es)`, and 'Events'.

    For the Events field, we are able to parse any arbitrary contract event, however you must input the event exactly as written in your smart contract. For example, for detecting transfer events you would input: `Transfer(address indexed from, address indexed to, uint256 amount)` with the `indexed` keyword. You can find an example of general event types [here](/api-references/indexer/examples/webhook-listener#on-chain-token-event-types) for common use cases along with Sequence specific ones.

    Once your desired fields are input, select `Add Webhook`.

    <Note>
      If you require a webhook endpoint you can use [webhook.site](https://webhook.site/)

      Or, you can use template code with one of the following:

      [Nodejs TypeScript Webhook](https://github.com/0xsequence-demos/template-nodejs-webhook-server) (combined with [ngrok](https://ngrok.com/))
    </Note>

    <Frame>
      <img src="https://mintcdn.com/sequence-0fb8d9e6-api_docs/udiMPciikspMa6qc/images/builder/builder_indexer_webhooks_add_webhook.png?fit=max&auto=format&n=udiMPciikspMa6qc&q=85&s=5b497c33e43fd96419057abafa50c0ee" alt="add a webhook with details" width="1581" height="773" data-path="images/builder/builder_indexer_webhooks_add_webhook.png" />
    </Frame>

    And you're done!
  </Step>
</Steps>

## Removing or Updating Webhooks

The following steps guide you through creating your updating or removing your webhook

1. Select Project and go to Webhooks Section
2. Select the Gear to Update or Remove your Webhook
3. Update or Remove Webhook

<Steps>
  <Step title="Select Project and go to Webhooks Section">
    Select your project in the top left hand corner, select the `Indexer` section in the sidebar, and select the `Webhooks` tab.

    <Frame>
      <img src="https://mintcdn.com/sequence-0fb8d9e6-api_docs/udiMPciikspMa6qc/images/builder/builder_indexer_webhooks_select.png?fit=max&auto=format&n=udiMPciikspMa6qc&q=85&s=67b8beff7694ce3db189fe8e6b85a952" alt="indexer webhooks select" width="1697" height="789" data-path="images/builder/builder_indexer_webhooks_select.png" />
    </Frame>
  </Step>

  <Step title="Select the Gear to Update or Remove your Webhook">
    In the webhooks screen, select the gear `⚙` for the webhook you want to remove or update

    <Frame>
      <img src="https://mintcdn.com/sequence-0fb8d9e6-api_docs/udiMPciikspMa6qc/images/builder/builder_indexer_webhook_select.png?fit=max&auto=format&n=udiMPciikspMa6qc&q=85&s=fc251e14636799fe3615a167c50c729a" alt="click update webhook" width="1729" height="804" data-path="images/builder/builder_indexer_webhook_select.png" />
    </Frame>
  </Step>

  <Step title="Update or Remove Webhook">
    Then you can either `Update Webhook` or `Remove` your webhook by selecting either option

    <Frame>
      <img src="https://mintcdn.com/sequence-0fb8d9e6-api_docs/udiMPciikspMa6qc/images/builder/builder_indexer_webhooks_update_or_remove.png?fit=max&auto=format&n=udiMPciikspMa6qc&q=85&s=5425b5069b5a402105fc5a8f002b7f1d" alt="update or remove" width="1768" height="819" data-path="images/builder/builder_indexer_webhooks_update_or_remove.png" />
    </Frame>
  </Step>
</Steps>